<template>
<div class="layout-aside">
  <div class="title">
    <img src="../../assets/logo_admin.png" alt="">
  </div>
<!--  element-ui   el-menu-->
  <el-menu background-color="#323745" text-color="#adafb5" active-text-color="#ffd04b" router>
    <el-menu-item index="/">
      <i class="el-icon-s-home"></i>
      <span slot="title">首页</span>
    </el-menu-item>
<!--    折叠菜单-->
    <el-submenu index="1">
      <template slot="title">
        <i class="el-icon-s-order"></i>
        <span>内容管理</span>
      </template>
      <el-menu-item index="/home/publish">文章发布</el-menu-item>
      <el-menu-item index="/home/articles">内容列表</el-menu-item>
      <el-menu-item index="/home/comment">评论管理</el-menu-item>
      <el-menu-item index="/home/material">素材管理</el-menu-item>
    </el-submenu>
    <el-submenu index="2">
      <template slot="title">
        <i class="el-icon-s-custom"></i>
        <span>粉丝管理</span>
      </template>
      <el-menu-item index="/home/fansdate">图文数据</el-menu-item>
      <el-menu-item  index="/home/fansinfo">粉丝概况</el-menu-item>
      <el-menu-item index="/home/fanslist">粉丝列表</el-menu-item>
      <el-menu-item  index="/home/fansimg">粉丝画像</el-menu-item>
    </el-submenu>
    <el-menu-item index="/home/account">
      <i class="el-icon-s-tools"></i>
      <span slot="title">账户信息</span>
    </el-menu-item>
  </el-menu>
</div>
</template>

<script>
export default {
}
</script>

<style lang="less" scoped>
  .layout-aside{
    width: 200px;
    height: 100vh;//根据视口计算的
    background-color: #323745;
    .title{
      text-align: center;
      background-color: #2e2f32;
      padding: 10px 0;
      img {
        height: 30px;
      }
    }
  }

</style>
